<!DOCTYPE html>
<!-- saved from url=(0038)http://hu1.tophp.cn/mobile/catalog.php -->
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width">
<title>{:C('WEB_SITE_TITLE')}{:C('WEB_SITE_SLOGAN')}</title>
<meta name="Keywords" content="">
<meta name="Description" content="">
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<link href="__HOME_CSS__/reset.css" rel="stylesheet" type="text/css" />
<link href="__HOME_CSS__/common.css" rel="stylesheet" type="text/css" />
<link href="__HOME_CSS__/bgf_index.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="__HOME_CSS__/public.css">
<link rel="stylesheet" type="text/css" href="__HOME_CSS__/catalog.css">
<script type="text/javascript" src="__HOME_JS__/jquery.js"></script>

<script type="text/javascript" src="__HOME_JS__/common.js"></script></head>
<body>
<script>
    function change_html(){
        var font_size=$(window).width()/16;
        if(font_size > 40){
            font_size = 40;
        }
        $("html").css('font-size',font_size);
    }
    window.onresize=function(){
        change_html();
    }
    
    change_html();
</script>
<header class="header" style=" position:fixed; top:0">

    <div class="tab_nav"> 
		 <a href="{:U('Index/index')}"><img src="__HOME_IMG__/icon1.png"/></a>
		<h1>手机报价</h1> 
	 </div> 

    <div id="pinpai">
	<volist name="brand_id" id="data">	
		<span class="border">{$data.brand_name}<img src="__HOME_IMG__/san.png"></span>
		</volist>
    </div>

</header>
<script type="text/javascript" src="__HOME_JS__/mobile.js"></script>




<div class="container">    
  <div class="category-box" style="height: 770px;">
	<!--左侧栏 start-->
    <div class="category1" style="outline: none; overflow: hidden;" tabindex="5000">
      <ul class="clearfix" style=" padding-top:4rem;">
              <volist name="goods_name" id="data">
				<li>{$data.goods_name}</li>
				<!-- <input type="hidden" name="goods_name" value="{$data.goods_name}" id="goods_name"> -->
				</volist>		
      </ul>
    </div>
	<!--左侧栏 end-->
	<!--右侧栏 start-->  
	<if condition="$goods_name">	
    <div class="category2" style=" outline: none; overflow-y:scroll" tabindex="5001">
	    <volist name="goods_name" id="list"> 
			<dl style="padding-top:4rem;display:none;"> 		
			<volist name="list['goods_list']" id="date"> 
				<dd> 
					<div class="fenimg">
						<div class="fen1" >
						{$date.goods_name}
						</div> 
						<div class="fen2" >
						{$date.goods_type_memory}&nbsp;{$date.goods_type_colour} 
						</div> 

						<div class="fen3" >
						{$date.shop_price}元
						</div> 
					</div>
				</dd> 
			</volist>	
			</dl>
		</volist>
    </div>
	<!--右侧栏 start-->
	<else />
		<div class="pinpai">此品牌暂无数据！</div>
	</if>	
  </div>
</div>


<script src="__HOME_JS__/category.js"></script>
<script src="__HOME_JS__/jquery.nicescroll.min.js"></script> 

<div id="ascrail2000" class="nicescroll-rails nicescroll-rails-vr" style="width: 0px; z-index: auto; cursor: default; position: absolute; top: 0px; left: 356px; height: 770px; touch-action: none; opacity: 0;">
	<div class="nicescroll-cursors" style="position: relative; top: 0px; float: right; width: 0px; height: 689px; background-color: rgb(66, 66, 66); border: 0px; background-clip: padding-box; border-radius: 5px; touch-action: none;">
	</div>
</div>
<div id="ascrail2000-hr" class="nicescroll-rails nicescroll-rails-hr" style="height: 0px; z-index: auto; top: 770px; left: 0px; position: absolute; cursor: default; display: none; width: 356px; opacity: 0;">
	<div class="nicescroll-cursors" style="position: absolute; top: 0px; height: 0px; width: 360px; background-color: rgb(66, 66, 66); border: 0px; background-clip: padding-box; border-radius: 5px;">
	</div>
</div>
<!--品牌弹出框 start-->
<div class="position">
		<span>品牌选择</span>
		<ul>
		<volist name="brand" id="data">	
			<li><a href="{:U('Index/price',array('id'=>$data[id]))}">{$data.brand_name}</a></li>
		</volist>		
		</ul>
</div>
<!--品牌弹出框 end-->
<script type="text/javascript"> 
$(function(){

  $("#pinpai").click(function(){ 
	 <!-- $(".position").css("display","block"); -->
	 $(".position").toggle();
	 
  });
  
	$(".category1 ul li:first").addClass("cur");
	$(".category2 dl:first").css("display","block");
	$(".category2 dl:first").siblings().css("display","none");

});
</script>  
</body>
</html>